 .px2rem(@name,@px){
    @{name}:@px/75*1rem
}
html,body{
        height: 100%;
      background-image: url(../imgs/beijing.png);
        background-size: 100% 100%;
}
.lsmin{
      
      
        .top{
               .px2rem(height,350);
                position:relative;
                .cha{
                        display: block;
                        .px2rem(height,80);
                        .px2rem(width,80);
                        background: #3eade9;
                        color: #FFFFFF;
                        .px2rem(font-size,40);
                        outline: none;
                        
                        text-align: center;
                         .px2rem(line-height,70);
                         border-radius:50% ;
                         position: absolute;
                         .px2rem(right,50);
                        .px2rem(top,50);
                }
                .tou{
                        .px2rem(margin-left,-87);
                        .px2rem(margin-top,-87);
                        position: absolute;
                        top: 60%;
                        left: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .px2rem(height,175);
                        .px2rem(width,175);
                        background: #c3c3c3; 
                        border-radius: 50%;
                        img{
                                display: block;
                                .px2rem(height,105);
                                .px2rem(width,105);
                                
                        }
                        .zhao{ 
                                   display: flex;
                                   align-items: center;
                                   justify-content: center;
                                   background: #5e5e5e;
                                  .px2rem(height,60);
                                  .px2rem(width,60);
                                  border-radius: 50%;
                                  position: absolute;
                                  right: 0;
                                  bottom: 0;
                                  img{
                                             display: block;
                                            .px2rem(height,30);
                                            .px2rem(width,35);
                                            
                                    }
                        }
                }
        }
        .form{
                    width: 100%;
                    background: #FFFFFF;
                    div{
                        .px2rem(margin-left,50);
                        align-items: center;
                        display: flex;
                          border-bottom:1px solid #5E5E5E ;
                        .px2rem(height,80);
                      
                        img{
                                  .px2rem(height,48);
                                  .px2rem(width,45);
                        }
                         input{
                                .px2rem(margin-left,35);
                                .px2rem(font-size,30);
                                flex: 1;
                                display: block;
                                height: 95%;
                                border: none;
                                outline: none;
                          }
                          
                    }
                   .bor{
                        border: none;
                   }
        }
        .d-p{
                display: flex;
                justify-content: center;
                align-items: center;
                .px2rem(height,280);
                p{
                        width: 60%;
                         .px2rem(height,80);
                        background: #3eade9;
                         .px2rem(line-height,80);
                         border-radius:10px ;
                         color: #FFFFFF;
                         text-align: center;
                          .px2rem(font-size,30);
                }
        }
        footer{
                align-items: center;
                .px2rem(height,220) ;
                display: flex;
                justify-content: space-around;
                span{
                        display: block;
                        .px2rem(font-size,24);
                        .px2rem(width,220);
                        .px2rem(height,60);
                        text-align: center;
                        .px2rem(line-height,60);
                }
                .zhuce{
                        color:#3eade9;
                }
        }
}

